// 导入css、less、iconfont文件路径
import './css/index.css'
import './less/index.less'
import './assets/fonts/iconfont.css'
// const uname = 'ikun'
// console.log(uname + '唱' + '跳' + 'rap' + '篮球')

// 默认导入图片
import gif from './assets/1.gif'
import logoImg from './assets/logo_small.png'

// 创建i标签
const i = document.createElement('i')
// 给i标签追加类名
i.classList.add('iconfont', 'icon-qq')
// 在body中添加i标签
document.body.appendChild(i)

// 创建img标签
const img = document.createElement('img')
// 给img标签配置图片
img.src = gif
// 在body中添加img标签
document.body.appendChild(img)

const img1 = document.createElement('img')
img1.src = logoImg
document.body.appendChild(img1)

// 获取所有的奇数序号和偶数序号li，用变量接受（伪数组）
const odd = document.querySelectorAll('li:nth-child(odd)')
const even = document.querySelectorAll('li:nth-child(even)')
// 遍历添加color属性，实现隔行变色
for (let i = 0; i < odd.length; i++) {
  odd[i].style.color = 'red'
}
for (let i = 0; i < even.length; i++) {
  even[i].style.color = 'green'
}
